<template>
  <div class="container">
    <p>交易成功</p>
    <button class="ljpj"
            @click="appraise">立即评价</button>
    <button class="backhome"
            @click="backhome">返回首页</button>
  </div>
</template>

<script>
export default {
  data () {
    return {};
  },
  methods: {
    appraise () {
      wx.navigateTo({
        url: "/pages/book_detail/main"
      });
    },
    backhome () {
      wx.navigateTo({
        url: "/pages/index/main"
      });
    }
  },
  onLoad () { }
};
</script>

<style lang="less" scoped>
.container {
  background: url("https://h5.ameimeika.com/mp_images/shangcheng/zhifuchenggong@2x.png")
    no-repeat center 150px;
  background-size: 105px 105px;
  position: relative;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  p {
    font-size: 20px;
    color: #666;
    text-align: center;
    position: relative;
    top: 45%;
    font-weight: bold;
  }
  button {
    width: 180px;
    height: 40px;
    border-radius: 21px;
    font-size: 14px;
    position: relative;
  }
  .ljpj {
    background: linear-gradient(
      180deg,
      rgba(255, 152, 170, 1) 0%,
      rgba(246, 70, 101, 1) 100%
    );
    color: #fff;
    margin-top: 100px;
    top: 40%;
  }
  .backhome {
    border: 1px solid #979797;
    color: #888888;
    margin-top: 20px;
    top: 43%;
  }
}
</style>


